<div class="ui-grid ui-grid-pad" style="height:100%">
    <!--导航树-->
    <div class="ui-grid-col-2 border-spe-left border-spe-right" style="height:100%;">
        <p-tree [value]="formTree" selectionMode="single" [filter]="true" filterMode="strict" [loading]="loading"
            [(selection)]="selectedNode" (onNodeSelect)="nodeSelect()"
            [style]="{'height': '97%','width':'100%','border-style':'none','background':'transparent', 'padding':'0px'}">
        </p-tree>
        <i class="fa fa-plus-circle fa-2x" (click)="formAdd($event)"></i>
    </div>
    <!--详情界面-->
    <div class="ui-grid-col-10 ui-widget-content" style="height:100%">
        <p-tabView>
            <p-tabPanel header="基础属性" leftIcon="fa fa-credit-card">
                <ng-template pTemplate="content">
                    <fb-baseinfo [formId]="formId"></fb-baseinfo>
                </ng-template>
            </p-tabPanel>
            <p-tabPanel header="输出表单" leftIcon="fa fa-file-word-o">
                <ng-template pTemplate="content">
                    <fb-print [formId]="formId"></fb-print>
                </ng-template>
            </p-tabPanel>
            <p-tabPanel header="输入表单" leftIcon="fa fa-wpforms">
                <ng-template pTemplate="content">
                    <fb-drawer [formId]="formId"></fb-drawer>
                </ng-template>
            </p-tabPanel>
            <p-tabPanel header="输入数据" leftIcon="fa fa-cubes">
                <ng-template pTemplate="content">
                    <fb-dataset [formId]="formId"></fb-dataset>
                </ng-template>
            </p-tabPanel>
            <p-tabPanel header="输出数据" leftIcon="fa fa-database">
                <ng-template pTemplate="content">
                    <fb-datapush [formId]="formId"></fb-datapush>
                </ng-template>
            </p-tabPanel>
        </p-tabView>
    </div>
</div>
<p-confirmDialog #cd>
    <p-footer>
        <button type="button" pButton icon="fa fa-close" label="取消" (click)="cd.reject()"></button>
        <button type="button" pButton icon="fa fa-check" label="确定" (click)="cd.accept()"></button>
    </p-footer>
</p-confirmDialog>
